<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src
1: 相对路径：一般访问站内资源时使用
-图片和页面在同一目录的时候直接写图片名
-图片在页面的上一级目录的时候写../图片名字
-图片在页面的下一级目录的时候写 目录名字/图片名字
-2:绝对路径：一般访问站外资源，图片盗链， 有找不到图片的风险
-->
<!--alt:当图片不能显示时，显示文本-->
<!--title:图片标题，鼠标指向显示内容-->
<img src="bee.png" alt=" 牛逼">
<img src="../bigairplane.png" title="这是标题" alt="">
<!--两种赋值方式：1.像素，2上级元素的百分比
只设置宽度时，高度会自动等比例缩放
-->
<img src="abc/bee.png" alt="" width="2">
<img src="abc/bee.png" alt=""width="50%">
<img src="http://doc.canglaoshi.org/tstore_v2/images/index/index_banner1.png"title="这是标题" alt="">
</body>
</html>